html {
    margin: 0;
    padding: 0;
}

form {
    margin: 0;
    padding: 0;
    display: inline;
}

a img {
    border: 0;
}

/* main page */
#maincontainer {
    background-image: url(../themes/original/img/logo_right.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    border-bottom: 1px solid silver;
}

#mysqlmaininformation,
#pmamaininformation {
    float: left;
}

#mysqlmaininformation {
    margin-right: 1em;
    padding-right: 1em;
    border-right: 0.1em solid silver;
}

#maincontainer ul {
    list-style-image: url(../themes/original/img/item_ltr.png);
    vertical-align: middle;
}

#maincontainer li {
    margin-bottom: 0.3em;
}
/* END main page */


/* iconic view for ul items */
li#li_create_database {
    list-style-image: url(../themes/original/img/b_newdb.png);
}

li#li_select_lang {
    list-style-image: url(../themes/original/img/s_lang.png);
}

li#li_select_mysql_collation,
li#li_select_mysql_charset {
    list-style-image: url(../themes/original/img/s_asci.png);
}

li#li_select_theme{
    list-style-image: url(../themes/original/img/s_theme.png);
}

li#li_server_info{
    list-style-image: url(../themes/original/img/s_host.png);
}

li#li_user_info{
    list-style-image: url(../themes/original/img/s_rights.png);
}

li#li_mysql_status{
    list-style-image: url(../themes/original/img/s_status.png);
}

li#li_mysql_variables{
    list-style-image: url(../themes/original/img/s_vars.png);
}

li#li_mysql_processes{
    list-style-image: url(../themes/original/img/s_process.png);
}

li#li_mysql_collations{
    list-style-image: url(../themes/original/img/s_asci.png);
}

li#li_mysql_engines{
    list-style-image: url(../themes/original/img/b_engine.png);
}

li#li_mysql_binlogs {
    list-style-image: url(../themes/original/img/s_tbl.png);
}

li#li_mysql_databases {
    list-style-image: url(../themes/original/img/s_db.png);
}

li#li_export {
    list-style-image: url(../themes/original/img/b_export.png);
}

li#li_import {
    list-style-image: url(../themes/original/img/b_import.png);
}

li#li_change_password {
    list-style-image: url(../themes/original/img/s_passwd.png);
}

li#li_log_out {
    list-style-image: url(../themes/original/img/s_loggoff.png);
}

li#li_pma_docs {
    list-style-image: url(../themes/original/img/b_docs.png);
}

li#li_phpinfo {
    list-style-image: url(../themes/original/img/php_sym.png);
}

li#li_pma_homepage {
    list-style-image: url(../themes/original/img/b_home.png);
}

li#li_mysql_privilegs{
    list-style-image: url(../themes/original/img/s_rights.png);
}

li#li_switch_dbstats {
    list-style-image: url(../themes/original/img/b_dbstatistics.png);
}
/* END iconic view for ul items */


/* @deprecated */
#mainheader {
    border: 0.1px solid transparent;
    border-bottom: 0.1em solid gray;
    margin-bottom: 1em;
}
/* @deprecated */
#pmalogoright {
    float: right;
}


/* server privileges */
#tableuserrights td,
#tablespecificuserrights td,
#tabledatabases td {
    vertical-align: middle;
}
/* END server privileges */


/* leave some space between icons and text */
.icon {
    vertical-align: middle;
    margin-right: 0.3em;
    margin-left: 0.3em;
}
/* no extra space in table cells */
td .icon {
    margin: 0;
}

.selectallarrow {
    margin-right: 0.3em;
    margin-left: 0.6em;
}

div#tablestatistics {
    border-bottom: 0.1em solid #669999;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}

div#tablestatistics table {
    float: left;
    margin-bottom: 0.5em;
    margin-right: 0.5em;
}

div#tablestatistics table caption {
    margin-right: 0.5em;
}


/* left frame content */
body#body_leftFrame {
    background-color: #D0DCE0;
}

div#pmalogo,
div#leftframelinks,
div#databaseList {
    text-align: center;
    border-bottom: 0.1em solid #669999;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}

div#leftframelinks .icon {
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

div#leftframelinks a:hover {
    background-color: #669999;
}

/* leftdatabaselist */
div#left_tableList ul {
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
    background-color: #D0DCE0;
}

div#left_tableList li {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

div#left_tableList li:hover {
    background-color: #CCFFCC;
}

div#left_tableList img {
    padding: 0;
    vertical-align: middle;
}

div#left_tableList ul ul {
    margin-left: 0em;
    padding-left: 0.1em;
    border-left: 0.1em solid #669999;
    padding-bottom: 0.1em;
    border-bottom: 0.1em solid #669999;
}
/* END left frame content */


/* querywindow */
body#bodyquerywindow {
    margin: 0;
    padding: 0;
}

div#querywindowcontainer {
    margin: 0;
    padding: 0;
    width: 100%;
}

div#querywindowcontainer fieldset {
    margin-top: 0;
}
/* END querywindow */


/* querybox */

/* Gecko bug */
div[class=formelementrow],
div[id=queryfieldscontainer] {
    border: 1px solid transparent;
}

div#sqlquerycontainer {
    float: left;
    width: 69%;
    /* height: 15em; */
}

div#tablefieldscontainer  {
    float: right;
    width: 29%;
    /* height: 15em; */
}

div#tablefieldscontainer select  {
    width: 100%;
    /* height: 12em; */
}

textarea#sqlquery {
    width: 100%;
    /* height: 100%; */
}

div#queryboxcontainer div#bookmarkoptions {
    margin-top: 0.5em;
}
/* end querybox */


fieldset .formelement {
    line-height: 2.4em;
    float: left;
    margin-right: 0.5em;
    /* IE */
    white-space: nowrap;
}
/* revert for Gecko */
fieldset div[class=formelement] {
    white-space: normal;
}

/* IE */
fieldset .formelement input,
fieldset .formelement select {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
/* revert for Gecko */
fieldset div[class=formelement] input,
fieldset div[class=formelement] select {
    margin-top: auto;
    margin-bottom: auto;
    height: auto;
}

#fieldsetexport #exportoptions {
    float: left;
}


/* Calendar */
table.calendar      { width: 100%; }
table.calendar td   { text-align: center; }
table.calendar td a { display: block; }

table.calendar td a:hover {
    background-color: #CCFFCC;
}

table.calendar th {
    background-color: #D3DCE3;
}

table.calendar td.selected {
    background-color: #FFCC99;
}

img.calendar { border: none; }
form.clock   { text-align: center; }
/* end Calendar */


/* Options, eg. on import page */
fieldset {
    background-color: #E5E5E5;
}
fieldset legend {
    background-color: transparent;
}

.nowrap    { white-space: nowrap; }
div.nowrap { margin: 0; padding: 0; }

/* buttons in some browsers (eg. Konqueror) are block elements, this breaks design */
button { display: inline; }

/* Textarea */
textarea { overflow: auto; }

.nospace { margin: 0; padding: 0; }


/* topmenu */

/* Gecko bug */
#topmenucontainer {
    border: 1px solid #F5F5F5;
}

ul#topmenu {
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#topmenu li {
    float: left;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

#topmenu img {
    vertical-align: middle;
    margin-right: 0.1em;
}

/* default tab styles */
.tab, .tabcaution, .tabactive {
    display: block;
    margin: 0.2em 0.2em 0 0.2em;
    padding: 0.2em 0.2em 0 0.2em;
    white-space: nowrap;
}

/* disabled tabs */
span.tab {
    color: #666666;
}

/* disabled drop/empty tabs */
span.tabcaution {
    color: #ff6666;
}

/* enabled drop/empty tabs */
a.tabcaution {
    color: #FF0000;
}
a.tabcaution:hover {
    color: #FFFFFF;
    background-color: #FF0000;
}

#topmenu {
    margin-top: 0.5em;
    padding: 0.1em 0.3em 0.1em 0.3em;
}

ul#topmenu li {
    border-bottom: 1pt solid black;
}

/* default tab styles */
.tab, .tabcaution, .tabactive {
    background-color: #E5E5E5;
    border: 1pt solid #D5D5D5;
    border-bottom: 0;
    border-radius-topleft: 0.4em;
    border-radius-topright: 0.4em;
    -moz-border-radius-topleft: 0.4em;
    -moz-border-radius-topright: 0.4em;
}

/* enabled hover/active tabs */
a.tab:hover, a.tabcaution:hover, .tabactive, .tabactive:hover {
    margin: 0;
    padding: 0.2em 0.4em 0.2em 0.4em;
    text-decoration: none;
}

a.tab:hover, .tabactive {
    background-color: #D5D5D5;
}

/* disabled drop/empty tabs */
span.tab, span.tabcaution {
    cursor: url(themes/original/img/error.ico), url(../themes/original/img/error.ico), default;
}
/* end topmenu */


/* data tables */
table.data caption,
table.data th,
table.data td {
    padding: 0.1em 0.5em 0.1em 0.5em;
    margin: 0;
    margin: 0.1em;
    vertical-align: top;
}

/* odd table rows 1,3,5,7,... */
table tr.odd th,
table tr.odd {
    background-color: #E5E5E5;
    text-align: left;
}

/* even table rows 2,4,6,8,... */
table tr.even th,
table tr.even {
    background-color: #D5D5D5;
    text-align: left;
}

/* marked tbale rows */
table tr.marked th,
table tr.marked {
    background-color: #FFCC99;
}

/* hovered table rows */
table tr.odd:hover,
table tr.even:hover,
table tr.odd:hover th,
table tr.even:hover th,
table tr.hover th,
table tr.hover {
    background-color: #CCFFCC;
}

table .value {
    text-align: right;
    white-space: nowrap;
    font-family: "Courier New", Courier, monospace;
}
/* IE doesnt handles 'pre' right */
table [class=value] {
    white-space: pre;
}

.value .attention {
    color: red;
    font-weight: bold;
}

.value .allfine {
    color: green;
}


/* serverstatus */
div#serverstatus table caption a.top {
    float: right;
}

div#serverstatus div#serverstatusqueriesdetails table,
div#serverstatus table#serverstatustraffic,
div#serverstatus table#serverstatusconnections {
    float: left;
}

#serverstatussection,
.clearfloat {
    clear: both;
}
div#serverstatussection table {
    width: 100%;
    margin-bottom: 1em;
}
div#serverstatussection table .name {
    width: 18em;
}
div#serverstatussection table .value {
    width: 6em;
}

div#serverstatus table tbody td.descr a,
div#serverstatus table .tblFooters a {
    white-space: nowrap;
}
div#serverstatus div#statuslinks a:before,
div#serverstatus div#sectionlinks a:before,
div#serverstatus table tbody td.descr a:before,
div#serverstatus table .tblFooters a:before {
    content: '[';
}
div#serverstatus div#statuslinks a:after,
div#serverstatus div#sectionlinks a:after,
div#serverstatus table tbody td.descr a:after,
div#serverstatus table .tblFooters a:after {
    content: ']';
}
/* end serverstatus */


img.lightbulb {
    cursor: pointer;
}
.syntax_comment {color: #808000;}
.syntax_comment_mysql {}
.syntax_comment_ansi {}
.syntax_comment_c {}
.syntax_digit {}
.syntax_digit_hex {color: teal;}
.syntax_digit_integer {color: teal;}
.syntax_digit_float {color: aqua;}
.syntax_punct {color: fuchsia;}
.syntax_alpha {}
.syntax_alpha_columnType {color: #FF9900;}
.syntax_alpha_columnAttrib {color: #0000FF;}
.syntax_alpha_reservedWord {color: #990099;}
.syntax_alpha_functionName {color: #FF0000;}
.syntax_alpha_identifier {color: black;}
.syntax_alpha_charset {color: #6495ed;}
.syntax_alpha_variable {color: #800000;}
.syntax_quote {color: #008000;}
.syntax_quote_double {}
.syntax_quote_single {}
.syntax_quote_backtick {}
.syntax_indent0 {margin-left: 0em;}
.syntax_indent1 {margin-left: 1em;}
.syntax_indent2 {margin-left: 2em;}
.syntax_indent3 {margin-left: 3em;}
.syntax_indent4 {margin-left: 4em;}
.syntax_indent5 {margin-left: 5em;}
.syntax_indent6 {margin-left: 6em;}
.syntax_indent7 {margin-left: 7em;}
/* Always enabled stylesheets (right frame) */
html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0.5em;
    padding: 0;
    font-family: arial, helvetica, geneva, sans-serif;
    font-size: medium;
    color: #000000;
        background-image: url(../themes/original/img/vertical_line.png);
    background-repeat: repeat-y;
    background-color: #F5F5F5
}

pre, tt         {font-size: medium}
th              {font-family: arial, helvetica, geneva, sans-serif; font-size: medium; font-weight: bold; color: #000000; background-color: #D3DCE3}
td              {font-family: arial, helvetica, geneva, sans-serif; font-size: medium}
form            {font-family: arial, helvetica, geneva, sans-serif; font-size: medium; padding: 0px; margin: 0px;}
input           {font-family: arial, helvetica, geneva, sans-serif; font-size: medium}
input.textfield {font-family: arial, helvetica, geneva, sans-serif; font-size: medium; color: #000000; background-color: #FFFFFF}
select          {font-family: arial, helvetica, geneva, sans-serif; font-size: medium; color: #000000; background-color: #FFFFFF}
textarea        {font-family: arial, helvetica, geneva, sans-serif; font-size: medium; color: #000000; background-color: #FFFFFF}
h1              {font-family: arial, helvetica, geneva, sans-serif; font-size: x-large; font-weight: bold}
h2              {font-family: arial, helvetica, geneva, sans-serif; font-size: large; font-weight: bold}
h3              {font-family: arial, helvetica, geneva, sans-serif; font-size: medium; font-weight: bold}
a:link          {font-family: arial, helvetica, geneva, sans-serif; font-size: medium; text-decoration: none; color: #0000FF}
a:visited       {font-family: arial, helvetica, geneva, sans-serif; font-size: medium; text-decoration: none; color: #0000FF}
a:hover         {font-family: arial, helvetica, geneva, sans-serif; font-size: medium; text-decoration: underline; color: #FF0000}
dfn             {font-style: normal}
dfn:hover       {font-style: normal; cursor: help}

fieldset        {
    border:     #686868 solid 1px;
    padding:    0.5em;
}
fieldset fieldset {
    margin:     0.8em;
}

button.mult_submit {
    border: none;
    background-color: transparent;
}

.pdflayout {
    overflow:         hidden;
    clip:             inherit;
    background-color: #FFFFFF;
    display:          none;
    border:           1px solid #000000;
    position:         relative;
}

.pdflayout_table {
    background:       #D3DCE3;
    color:            #000000;
    overflow:         hidden;
    clip:             inherit;
    z-index:          2;
    display:          inline;
    visibility:       inherit;
    cursor:           move;
    position:         absolute;
    font-size:        small;
    border:           1px dashed #000000;
}

.print{font-family:arial;font-size:8pt;}

/* MySQL Parser */
.syntax {font-family: sans-serif; font-size: small;}
.syntax_comment            { padding-left: 4pt; padding-right: 4pt;}
.syntax_digit              {}
.syntax_digit_hex          {}
.syntax_digit_integer      {}
.syntax_digit_float        {}
.syntax_punct              {}
.syntax_alpha              {}
.syntax_alpha_columnType   {text-transform: uppercase;}
.syntax_alpha_columnAttrib {text-transform: uppercase;}
.syntax_alpha_reservedWord {text-transform: uppercase; font-weight: bold;}
.syntax_alpha_functionName {text-transform: uppercase;}
.syntax_alpha_identifier   {}
.syntax_alpha_charset      {}
.syntax_alpha_variable     {}
.syntax_quote              {white-space: pre;}
.syntax_quote_backtick     {}

hr{ color: #666666; background-color: #666666; border: 0; height: 1px; }

/* topmenu */
ul#topmenu {
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#topmenu li {
    float: left;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

#topmenu img {
    vertical-align: middle;
    margin-right: 0.1em;
}

/* default tab styles */
.tab, .tabcaution, .tabactive {
    display: block;
    margin: 0.2em 0.2em 0 0.2em;
    padding: 0.2em 0.2em 0 0.2em;
    white-space: nowrap;
}

/* disabled tabs */
span.tab {
    color: #666666;
}

/* disabled drop/empty tabs */
span.tabcaution {
    color: #ff6666;
}

/* enabled drop/empty tabs */
a.tabcaution {
    color: #FF0000;
}
a.tabcaution:hover {
    color: #FFFFFF;
    background-color: #FF0000;
}

#topmenu {
    margin-top: 0.5em;
    padding: 0.1em 0.3em 0.1em 0.3em;
}

ul#topmenu li {
    border-bottom: 1pt solid black;
}

/* default tab styles */
.tab, .tabcaution, .tabactive {
    background-color: #E5E5E5;
    border: 1pt solid #D5D5D5;
    border-bottom: 0;
    border-radius-topleft: 0.4em;
    border-radius-topright: 0.4em;
    -moz-border-radius-topleft: 0.4em;
    -moz-border-radius-topright: 0.4em;
}

/* enabled hover/active tabs */
a.tab:hover, a.tabcaution:hover, .tabactive, .tabactive:hover {
    margin: 0;
    padding: 0.2em 0.4em 0.2em 0.4em;
    text-decoration: none;
}

a.tab:hover, .tabactive {
    background-color: #D5D5D5;
}

/* disabled drop/empty tabs */
span.tab, span.tabcaution {
    cursor: url(themes/original/img/error.ico), url(../themes/original/img/error.ico), default;
}
/* end topmenu */


/* message boxes: warning, error, confirmation */
.notice {
    color: #000000;
    background-color: #FFFFDD;
}
h1.notice,
div.notice {
    margin: 0.5em 0 0.5em 0;
    border: 0.1em solid #FFD700;
        background-image: url(../themes/original/img/s_notice.png);
    background-repeat: no-repeat;
            background-position: 10px 50%;
    padding: 10px 10px 10px 36px;
            }
.notice h1 {
    border-bottom: 0.1em solid #FFD700;
    font-weight: bold;
    text-align: left;
    margin: 0 0 0.2em 0;
}

.warning {
    color: #CC0000;
    background-color: #FFFFCC;
}
h1.warning,
div.warning {
    margin: 0.5em 0 0.5em 0;
    border: 0.1em solid #CC0000;
        background-image: url(../themes/original/img/s_warn.png);
    background-repeat: no-repeat;
            background-position: 10px 50%;
    padding: 10px 10px 10px 36px;
            }
.warning h1 {
    border-bottom: 0.1em solid #cc0000;
    font-weight: bold;
    text-align: left;
    margin: 0 0 0.2em 0;
}

.error {
    background-color: #FFFFCC;
    color: #ff0000;
}
h1.error,
div.error {
    margin: 0.5em 0 0.5em 0;
    border: 0.1em solid #ff0000;
        background-image: url(../themes/original/img/s_error.png);
    background-repeat: no-repeat;
            background-position: 10px 50%;
    padding: 10px 10px 10px 36px;
            }
div.error h1 {
    border-bottom: 0.1em solid #ff0000;
    font-weight: bold;
    text-align: left;
    margin: 0 0 0.2em 0;
}


.confirmation {
    background-color: #FFFFCC;
}
fieldset.confirmation {
    border: 0.1em solid #FF0000;
}
fieldset.confirmation legend {
    border-left: 0.1em solid #FF0000;
    border-right: 0.1em solid #FF0000;
    font-weight: bold;
        background-image: url(../themes/original/img/s_really.png);
    background-repeat: no-repeat;
            background-position: 5px 50%;
    padding: 0.2em 0.2em 0.2em 25px;
            }
/* end messageboxes */


.tblcomment     {font-size: x-small; font-weight: normal; color: #000099; }

.tblHeaders {
    background-color: #D0DCE0;
    font-weight: bold;
    color: #000000;
}
.tblFooters {
    background-color: #D0DCE0;
    font-weight: normal;
    color: #000000;
}
.tblHeaders a:link,
.tblHeaders a:active,
.tblHeaders a:visited,
.tblFooters a:link,
.tblFooters a:active,
.tblFooters a:visited {
    color: #0000FF;
}
.tblHeaders a:hover,
.tblFooters a:hover {
    color: #FF0000;
}

/* forbidden, no privilegs */
.noPrivileges{
    color: #FF0000;
    font-weight: bold;
}

/* Heading */

img, input, select, button {
    vertical-align: middle;
}

#serverinfo {
    font-weight: bold;
    margin-bottom: 0.5em;
}

#serverinfo .item {
    white-space: nowrap;
}

#span_table_comment {
    font-weight: normal;
    font-style: italic;
    white-space: nowrap;
}

#serverinfo img {
    margin: 0 0.1em 0 0.2em;
}


/* disabled text */
.disabled, .disabled a:link, disabled a:active, .disabled a:visited {
    font-family: arial, helvetica, geneva, sans-serif;
    font-size:   medium;
    color:       #666666;
}
.disabled a:hover {
    text-decoration: none;
}
tr.disabled td, td.disabled {
    background-color: #cccccc;
}

#textSQLDUMP {
    width: 95%;
    height: 95%;
    font-family: "Courier New", Courier, mono;
    font-size:   12px;
}

#TooltipContainer {
    position:   absolute;
    z-index:    99;
    width:      20em;
    height:     auto;
    overflow:   visible;
    visibility: hidden;
    background-color: #ffffcc;
    color:            #006600;
    border:           0.1em solid #000000;
    padding:          0.5em;
    font-family:      arial, helvetica, geneva, sans-serif;
    font-size:        medium;
}

fieldset {
    margin-top: 1em;
}

fieldset.tblFooters {
    margin-top: 0;
    margin-bottom: 0.5em;
    text-align: right;
    float: none;
    clear: both;
}

#fieldset_add_user_login div.item {
    border-bottom: 1px solid silver;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
}

#fieldset_add_user_login label {
    float: left;
    display: block;
    width: 10em;
    max-width: 100%;
    text-align: right;
    padding-right: 0.5em;
}

#fieldset_add_user_login span.options #select_pred_username,
#fieldset_add_user_login span.options #select_pred_hostname,
#fieldset_add_user_login span.options #select_pred_password {
    width: 100%;
    max-width: 100%;
}

#fieldset_add_user_login span.options {
    float: left;
    display: block;
    width: 12em;
    max-width: 100%;
    padding-right: 0.5em;
}

#fieldset_add_user_login input {
    width: 12em;
    clear: right;
    max-width: 100%;
}

#fieldset_add_user_login span.options input {
    width: auto;
}

#fieldset_user_priv div.item {
    float: left;
    width: 9em;
    max-width: 100%;
}

#fieldset_user_priv div.item div.item {
    float: none;
}

#fieldset_user_priv div.item label{
    white-space: nowrap;
}

#fieldset_user_priv div.item select {
    width: 100%;
}

#fieldset_user_global_rights fieldset {
    float: left;
}